<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="skyeye-editor/css/skyeye-annotate.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="container">
			拖拽行
¶1. 开启效果
拖动行上下移动即可, trigger 缺省为 row, 即整行都能触发

##
诗词
朝代
作者-可编辑列
内容
类型
点赞数
录入时间
如梦令·黄叶青苔归路
清代
纳兰性德
黄叶青苔归路，屧粉衣香何处。消息竟沉沉，今夜相思几许。秋雨，秋雨，一半因风吹去。(版本一) 木叶纷纷归路，残月晓风何处。消息竟沉沉，今夜相思几许。秋雨，秋雨，一半因风吹去。(版本二)
写雨,抒情,思念,愁绪
2019-03-16 01:35:41
蝶恋花·黄菊开时伤聚散
宋代
晏几道
黄菊开时伤聚散。曾记花前，共说深深愿。重见金英人未见。相思一夜天涯远。 罗带同心闲结遍。带易成双，人恨成双晚。欲写彩笺书别怨。泪痕早已先书满。
菊花,离别,相思
0
2019-03-15 01:35:41
逢病军人
唐代
卢纶
行多有病住无粮，万里还乡未到乡。 蓬鬓哀吟长城下，不堪秋气入金疮。
战争,军人,伤怀
66
菩萨蛮·风帘燕舞莺啼柳
唐代
牛峤
风帘燕舞莺啼柳，妆台约鬓低纤手。钗重髻盘珊，一枝红牡丹。 门前行乐客，白马嘶春色。故故坠金鞭，回头应眼穿。
写人,爱情
15
2019-03-13 01:35:41
江城子·斗转星移玉漏频
五代
和凝
斗转星移玉漏频。已三更，对栖莺。历历花间，似有马啼声。含笑整衣开绣户，斜敛手，下阶迎。
女子,爱情
14
2019-03-12 01:35:41
渡江云·晴岚低楚甸
宋代
周邦彦
晴岚低楚甸，暖回雁翼，阵势起平沙。骤惊春在眼，借问何时，委曲到山家。涂香晕色，盛粉饰、争作妍华。千万丝、陌头杨柳，渐渐可藏鸦。 堪嗟。清江东注，画舸西流，指长安日下。愁宴阑、风翻旗尾，潮溅乌纱。今宵正对初弦月，傍水驿、深舣蒹葭。沉恨处，时时自剔灯花。
春天,山水,羁旅,抒怀
15
2019-03-11 01:35:41
丑奴儿·书博山道中壁
宋代
辛弃疾
少年不识愁滋味，爱上层楼。爱上层楼，为赋新词强说愁。 而今识尽愁滋味，欲说还休。欲说还休，却道天凉好个秋。
宋词三百首,宋词精选,婉约,写人,少年,抒怀,愁苦
3803
2019-03-10 01:35:41
谪居粮绝请学于农将田南山咏言寄怀
明代
王守仁
谪居履在陈，从者有温见。 山荒聊可田，钱镈还易办。 夷俗多火耕，仿习亦颇便。 及兹春未深，数亩犹足佃。 岂徒实口腹，且以理荒宴。 遗穗及乌雀，贫寡发余羡。 出耒在明晨，山寒易霜霰。
学习,农事,抒情
12
2019-03-09 01:35:41
普天乐·秋江忆别
元代
赵善庆
晚天长，秋水苍。山腰落日，雁背斜阳。壁月词，朱唇唱。犹记当年兰舟上，洒洒风泪湿罗裳。钗分凤凰，杯斟鹦鹉，人拆鸳鸯。
追忆,离别,抒情
7
2019-03-08 01:35:41
鹊桥仙·华灯纵博
宋代
陆游
华灯纵博，雕鞍驰射，谁记当年豪举。酒徒一半取封侯，独去作、江边渔父。轻舟八尺，低篷三扇，占断苹洲烟雨。镜湖元自属闲人，又何必、君恩赐与。
宋词三百首,追忆,生活,壮志
192
2019-03-07 01:35:41
##
诗词
如梦令·黄叶青苔归路
蝶恋花·黄菊开时伤聚散
逢病军人
菩萨蛮·风帘燕舞莺啼柳
江城子·斗转星移玉漏频
渡江云·晴岚低楚甸
丑奴儿·书博山道中壁
谪居粮绝请学于农将田南山咏言寄怀
普天乐·秋江忆别
鹊桥仙·华灯纵博
点赞数
合计
4124.00台分页
开启序号后，拖拽默认会自动同步数据和UI

可通过以下配置配置取消同步

rowDrag: {
  numbers: false
}
序号
诗词
朝代
作者
内容
类型
点赞数
录入时间
1
简兮
先秦
佚名
简兮简兮，方将万舞。 日之方中，在前上处。 硕人俣俣，公庭万舞。 有力如虎，执辔如组。 左手执龠，右手秉翟。 赫如渥赭，公言锡爵。 山有榛，隰有苓。 云谁之思？西方美人。 彼美人兮，西方之人兮。
诗经,写人
174
2019-03-01 14:54:40
2
菩萨蛮·春波软荡红楼水
清代
吴锡麒
春波软荡红楼水，多时不放莺儿起。 一样夕阳天，留寒待禁烟。 已是人消瘦，只此情依旧。 可奈别离何，明朝杨柳多。
婉约,写景,思念
14
2019-03-01 14:54:40
3
点绛唇·醉漾轻舟
宋代
秦观
醉漾轻舟，信流引到花深处。 尘缘相误，无计花间住。 烟水茫茫，千里斜阳暮。 山无数，乱红如雨。 不记来时路。
写景,抒情,山水
115
2019-03-01 14:54:41
4
水龙吟·夜来风雨匆匆
宋代
程垓
夜来风雨匆匆，故园定是花无几。 愁多怨极，等闲孤负，一年芳意。 柳困桃慵，杏青梅小，对人容易。 算好春长在，好花长见，原只是、人憔悴。 回首池南旧事，恨星星、不堪重记。 如今但有，看花老眼，伤时清泪。 不怕逢花瘦，只愁怕、老来风味。 待繁红乱处，留云借月，也须拚醉。
追忆,思乡,伤怀,感慨
20
2019-03-01 14:54:41
5
太常引·钱齐参议归山东
元代
刘燕哥
故人送我出阳关，无计锁雕鞍。 今古别离难。 兀谁画娥眉远山。 一尊别酒，一声杜宇，寂寞又春残。 明月小楼间，第一夜相思泪弹。
婉约,送别,惜别,相思
13
2019-03-01 14:54:41
6
春日独酌二首
唐代
李白
东风扇淑气， 水木荣春晖。 白日照绿草， 落花散且飞。 孤云还空山， 众鸟各已归。 彼物皆有讬， 吾生独无依。 对此石上月， 长歌醉芳菲。 我有紫霞想，缅怀沧州间。 且对一壶酒，澹然万事闲。 横琴倚高松，把酒望远山。 长空去鸟没，落日孤云还。 但悲光景晚，宿昔成秋颜。
春天,写景,抒情,孤寂
20
2019-03-01 14:54:41
7
望江南·幽州九日
宋代
汪元量
官舍悄，坐到月西斜。 永夜角声悲自语，客心愁破正思家。 南北各天涯。 肠断裂，搔首一长嗟。 绮席象床寒玉枕，美人何处醉黄花。 和泪捻琵琶。
宋词精选,重阳节,思念
12
2019-03-01 14:54:41
8
戏题王宰画山水图歌
唐代
杜甫
十日画一水，五日画一石。 能事不受相促迫，王宰始肯留真迹。 壮哉昆仑方壶图，挂君高堂之素壁。 巴陵洞庭日本东，赤岸水与银河通，中有云气随飞龙。 舟人渔子入浦溆，山木尽亚洪涛风。 尤工远势古莫比，咫尺应须论万里。 焉得并州快剪刀，剪取吴淞半江水。
写人,赞美
6
2019-03-01 14:54:41
9
早发定山
南北朝
沈约
夙龄爱远壑，晚莅见奇山。 标峰彩虹外，置岭白云间。 倾壁忽斜竖，绝顶复孤圆。 归海流漫漫，出浦水溅溅。 野棠开未落，山樱发欲然。 忘归属兰杜，怀禄寄芳荃。 眷言采三秀，徘徊望九仙。
写景,山水
1
2019-03-01 14:54:41
10
壬辰寒食
宋代
王安石
客思似杨柳，春风千万条。 更倾寒食泪，欲涨冶城潮。 巾发雪争出，镜颜朱早凋。 未知轩冕乐，但欲老渔樵。
寒食节,感伤,思乡
25
2019-03-01 14:54:41
序号
诗词
1
简兮
2
菩萨蛮·春波软荡红楼水
3
点绛唇·醉漾轻舟
4
水龙吟·夜来风雨匆匆
5
太常引·钱齐参议归山东
6
春日独酌二首
7
望江南·幽州九日
8
戏题王宰画山水图歌
9
早发定山
10
壬辰寒食
点赞数
录入时间
400.00
123…50到第
1
页确定共 499 条

¶3. 指定拖动元素
如下，只绑定到作者这列的这个图标上，trigger: '.layui-icon-snowflake'

作者
诗词
朝代
内容
类型
点赞数
录入时间
纳兰性德
如梦令·黄叶青苔归路
清代
黄叶青苔归路，屧粉衣香何处。消息竟沉沉，今夜相思几许。秋雨，秋雨，一半因风吹去。(版本一) 木叶纷纷归路，残月晓风何处。消息竟沉沉，今夜相思几许。秋雨，秋雨，一半因风吹去。(版本二)
写雨,抒情,思念,愁绪
2019-03-16 01:35:41
晏几道
蝶恋花·黄菊开时伤聚散
宋代
黄菊开时伤聚散。曾记花前，共说深深愿。重见金英人未见。相思一夜天涯远。 罗带同心闲结遍。带易成双，人恨成双晚。欲写彩笺书别怨。泪痕早已先书满。
菊花,离别,相思
0
2019-03-15 01:35:41
卢纶
逢病军人
唐代
行多有病住无粮，万里还乡未到乡。 蓬鬓哀吟长城下，不堪秋气入金疮。
战争,军人,伤怀
66
牛峤
菩萨蛮·风帘燕舞莺啼柳
唐代
风帘燕舞莺啼柳，妆台约鬓低纤手。钗重髻盘珊，一枝红牡丹。 门前行乐客，白马嘶春色。故故坠金鞭，回头应眼穿。
写人,爱情
15
2019-03-13 01:35:41
和凝
江城子·斗转星移玉漏频
五代
斗转星移玉漏频。已三更，对栖莺。历历花间，似有马啼声。含笑整衣开绣户，斜敛手，下阶迎。
女子,爱情
14
2019-03-12 01:35:41
周邦彦
渡江云·晴岚低楚甸
宋代
晴岚低楚甸，暖回雁翼，阵势起平沙。骤惊春在眼，借问何时，委曲到山家。涂香晕色，盛粉饰、争作妍华。千万丝、陌头杨柳，渐渐可藏鸦。 堪嗟。清江东注，画舸西流，指长安日下。愁宴阑、风翻旗尾，潮溅乌纱。今宵正对初弦月，傍水驿、深舣蒹葭。沉恨处，时时自剔灯花。
春天,山水,羁旅,抒怀
15
<button id="getData">获取数据</button>
		</div>
		<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="skyeye-editor/js/rangy-core.js"></script>
		<script type="text/javascript" src="skyeye-editor/js/rangy-cssclassapplier.js"></script>
		<script type="text/javascript" src="skyeye-editor/js/skyeye-annotate.js"></script>
		<script type="text/javascript">
			$(function(){
				var annotate = $("#container").skyeyeAnnotate({
					data: [
					    {
					        "selectText":"柳，妆台约鬓低纤手。钗重髻盘珊，一枝红牡丹。 门前行乐客，白马嘶春色。故故坠金鞭，回头应眼穿。 写人,爱情 15 2019-03-13 01:35:41 江城子·斗转星移",
					        "annoTateContent":"qweqwe",
					        "annoId":"5154980505505531",
					        "zIndex":1,
					        "startAdd":"432",
					        "endAdd":"517",
					        "insId":"1599806969053",
					        "userImage":"skyeye-editor/images/no-userphoto.png",
					        "userName":"skyeye",
					        "createDate":"2020-09-11 14:49:29",
					        "marginTop":73
					    },
					    {
					        "selectText":"。钗分凤凰，杯斟鹦鹉，人拆鸳鸯。 追忆,离别,抒情 7 2019-03-08 01:35:41 鹊桥仙·华灯纵博 宋代 陆游 华灯纵博，雕",
					        "annoTateContent":"asdasd",
					        "annoId":"4959869728972909",
					        "zIndex":2,
					        "startAdd":"588",
					        "endAdd":"657",
					        "insId":"1599806975171",
					        "userImage":"skyeye-editor/images/no-userphoto.png",
					        "userName":"skyeye",
					        "createDate":"2020-09-11 14:49:35",
					        "marginTop":341
					    },
					    {
					        "selectText":",感慨 20 2019-03-01 14:54:41 5 太常引·钱齐参议归山东 元代 刘燕哥 故人送我出阳关，无计锁雕鞍。 今古别离难。 兀谁画娥眉远山。 一尊别酒，一声杜宇，寂寞又春残。 明月小楼间，第一夜相思泪弹。 婉约,送别,惜别,相思 13 2019-03-01 14:54:41 6 春日独酌二首 唐代 李白 东风扇淑气， 水木荣春晖。 白日照绿草， 落花散且飞。 孤云还空山， 众",
					        "annoTateContent":"asdsadasd",
					        "annoId":"1383953389331414",
					        "zIndex":3,
					        "startAdd":"842",
					        "endAdd":"1039",
					        "insId":"1599806979184",
					        "userImage":"skyeye-editor/images/no-userphoto.png",
					        "userName":"skyeye",
					        "createDate":"2020-09-11 14:49:39",
					        "marginTop":692
					    }
					]
				});
				
				$("body").on("click", "#getData", function(e){
					var data = annotate.getAnnotateData();
					console.log(JSON.stringify(data))
				});
				
//				console.log(annotate)
			});
		</script>
	</body>
</html>
